<div class="child-box">
    <div class="layui-card layadmin-header">
        <div class="layui-breadcrumb" lay-filter="breadcrumb">
            <a href="javascript:" lay-href=""><i class="iconfont iconhome"></i>首页</a>
            <a><cite>我的财务</cite></a>
            <a><cite>付汇申请</cite></a>
            <div class="layui-card-header-left" title="刷新" zmark-event="layui.manage.render">
                <i class="layui-icon layui-icon-refresh layui-anim" zmark-anim="layui-anim-rotate"></i>
            </div>
        </div>
    </div>
    <div class="layui-card mt20">
        <form class="layui-form" method="post" lay-filter="form-pay-apply" id="form-pay-apply" method="post" onsubmit="return false">
            <input type="hidden" name="id" id="id"/>
            <input type="hidden" name="exchangeRate" id="pay-app-exchange-rate" value="0.0"/>
            <div class="layui-card-header">
                 <span class="def-fc">
                    <a href="javascript:" title="返回" class="head-go-back" onclick="history.back()"><i class="iconfont iconfanhui"></i></a> 基础信息
                </span>
            </div>
            <div class="layui-card-body">
                <div class="layui-row">
                    <div class="layui-col-md6">
                        <div class="layui-col-md10">
                            <label class="layui-form-label"><span class="text-danger">*</span>收款公司</label>
                            <div class="layui-input-block">
                                <input name="payeeName" id="pay-app-payee-name" class="layui-input required" placeholder="支持模糊搜索" clear-val/>
                            </div>
                        </div>
                        <div class="layui-col-md2 pr10 pl10">
                            <button type="button" zmark-event="layui.payApply.supplierManage" class="layui-btn layui-btn-fluid"><i class="iconfont icontianjia"></i>新增
                            </button>
                        </div>
                    </div>
                    <div class="layui-col-md6">
                        <div class="layui-col-md10">
                            <label class="layui-form-label"><span class="text-danger">*</span>收款银行</label>
                            <div class="layui-input-block">
                                <input name="payeeBankName" id="pay-app-payee-bank-name" class="layui-input required" placeholder="支持模糊搜索" clear-val/>
                            </div>
                        </div>
                        <div class="layui-col-md2 pr10 pl10">
                            <button type="button" zmark-event="layui.payApply.supplierBankManage" class="layui-btn layui-btn-fluid"><i class="iconfont icontianjia"></i>新增
                            </button>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">银行账号</label>
                        <div class="layui-input-block">
                            <input name="payeeBankAccountNo" class="layui-input layui-disabled" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">SWIFT CODE</label>
                        <div class="layui-input-block">
                            <input name="swiftCode" class="layui-input layui-disabled" readonly/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md12 pr10">
                        <label class="layui-form-label">银行地址</label>
                        <div class="layui-input-block">
                            <input name="payeeBankAddress" class="layui-input layui-disabled" readonly/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">付款金额</label>
                        <div class="layui-input-block">
                            <input name="accountValue" id="pay-apply-account-value" class="layui-input layui-disabled" readonly/>
                        </div>
                    </div>
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label">付款币制</label>
                        <div class="layui-input-block">
                            <input name="currencyName" class="layui-input layui-disabled" readonly/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label"><span class="text-danger">*</span>付款方式</label>
                        <div class="layui-input-block required-box">
                            <select name="paymentTerm" id="pay-apply-payment-term"></select>
                        </div>
                    </div>
                    <div class="layui-col-md6 pr10">
                        <label class="layui-form-label"><span class="text-danger">*</span>手续费承担方</label>
                        <div class="layui-input-block">
                            <input type="radio" name="counterFeeType" value="OUR" title="客户承担" checked lay-filter="pay-app-calculation-fee"/>
                            <input type="radio" name="counterFeeType" value="BEN" title="供应商承担" lay-filter="pay-app-calculation-fee"/>
                            <input type="radio" name="counterFeeType" value="SHA" title="共同承担" lay-filter="pay-app-calculation-fee"/>
                        </div>
                    </div>
                </div>
                <div class="layui-row">
                    <div class="layui-col-md12 pr10">
                        <label class="layui-form-label">付款要求</label>
                        <div class="layui-input-block">
                            <input name="memo" class="layui-input"/>
                        </div>
                    </div>
                </div>
            </div>
        </form>
    </div>
    <div class="layui-card mt20">
        <form class="layui-form" method="post" lay-filter="form-pay-apply-order" id="form-pay-apply-order">
            <div class="layui-card-header">
                <span class="def-fc left-split">付汇订单</span>
            </div>
            <div class="layui-card-body">
                <table class="layui-table" lay-size="sm">
                    <colgroup>
                        <col width="45">
                        <col width="100">
                        <col width="90">
                        <col>
                        <col width="100">
                        <col width="60">
                        <col width="100">
                        <col width="100">
                        <col width="50">
                    </colgroup>
                    <thead>
                    <tr>
                        <th>序号</th>
                        <th>订单号</th>
                        <th>订单日期</th>
                        <th>供应商</th>
                        <th>订单金额</th>
                        <th>币制</th>
                        <th>可付汇金额</th>
                        <th>本次申请金额</th>
                        <th>操作</th>
                    </tr>
                    </thead>
                    <tbody id="pay-apply-order-body">

                    </tbody>
                    <tfoot>
                    <tr>
                        <th colspan="4">合计</th>
                        <th class="ttotalPrice" style="text-align: right"></th>
                        <th></th>
                        <th class="tpayVal" style="text-align: right"></th>
                        <th class="rpayVal" style="text-align: right"></th>
                        <th></th>
                    </tr>
                    </tfoot>
                </table>

                <blockquote class="layui-elem-quote" style="margin-top: 10px">
                    <div class="layui-row">
                        <div class="layui-col-md3"><span class="layui-badge-dot"></span>&nbsp;&nbsp;付汇汇率：<h2 style="display: inline-block;color: #666;font-size: 18px" class="exchangeRate"><dot/></h2></div>
                        <div class="layui-col-md3"><span class="layui-badge-dot"></span>&nbsp;&nbsp;人民币金额：<h2 style="display: inline-block;color: #666;font-size: 18px" class="payCny"><dot/></h2></div>
                        <div class="layui-col-md3"><span class="layui-badge-dot"></span>&nbsp;&nbsp;付汇手续费：<h2 style="display: inline-block;color: #666;font-size: 18px" class="handlingFee">0.00</h2></div>
                        <div class="layui-col-md3"><span class="layui-badge-dot"></span>&nbsp;&nbsp;金额合计：<h2 style="display: inline-block;color: #666;font-size: 18px" class="payTotalCny"><dot/></h2></div>
                    </div>
                    <div class="layui-row" style="margin-top: 8px">
                        <p>请将以上应付款项按如下方式付至我司银行账户：</p>
                        <div id="subjectBank"></div>
                    </div>
                </blockquote>
                <span class="color-red"><i class="iconfont iconjinggao"></i>&nbsp;温馨提示：为避免汇率变动，请于付人民币货款当日提交付汇申请。如贵司不能保证当日打款，请您暂时不要提交申请单，感谢您的配合。</span>
                <div class="layui-row pt10 pb10">
                    <div class="pr10 normal t-a-r">
                        <button type="button" class="layui-btn layui-btn-normal sub-order-btn" onclick="history.back()"><i class="iconfont iconfanhui"></i>返回列表</button>
                        <button type="button" class="layui-btn" id="btn-pay-apply-save"><i class="iconfont iconicon-1"></i>提交申请</button>
                    </div>
                </div>
            </div>
        </form>
    </div>
</div>
<script>
    layui.use('payApply', layui.factory('payApply'));
</script>